<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link   rel="icon" type="image/x-icon" href="https://cdn-img.varegame.com/office/img/favicon.ico">
    <title>遵化市睿诚网络科技有限公司</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
<div class="main">
    <header class="header-class">
        <div class="top">
            <img class="logo" src="https://cdn-img.varegame.com/office/img/logo.png" alt="Logo"/>
            <nav>
                <a class="home-a" href="./index.html">首页</a>
                <a class="home-a"  href="https://shop.varegame.com">商城</a>
                <a class="community-a" href="https://shop.varegame.com/community/list">社区</a>
                <a class="home-h5" href="./index.html">首页</a>
                <a class="home-h5"  href="https://shop.varegame.com">商城</a>
                <a class="community-h5" href="https://h5.varegame.com/#/pages/community/list">社区</a>
                <a class="mini-a" href="#contact" id="miniProgram">小程序
                    <div class="popup">
                        <img src="https://cdn-img.varegame.com/office/img/qr-code.jpg" alt="QR Code">
                        <p>关注公众号</p>
                    </div>
                </a>
            </nav>
        </div>
        <div class="top_1">
            <h1 >追风蜗牛互娱</h1>
            <p  >战绩查询、攻略、资讯、一键直达，便利便捷！</p>
            <div class="scroll-down-icon">
                <img src="https://cdn-img.varegame.com/office/img/chevron-down.png">
            </div>
        </div>
    </header>
    <main>
        <section>
            <div class="section-content">
                <div class="section-image">
                    <img src="./img/bg-1.png" alt="Battle Record" class="feature-image battle-image">
                </div>
                <div class="section-text">
                    <div class="orange-line"></div>
                    <h2>战绩查询</h2>
                    <p>实时查询最新战绩，分享互动更便捷！</p>
                </div>

            </div>
            <div class="section-content-h5">
                <div class="section-text">
                    <div class="orange-line"></div>
                    <h2>战绩查询</h2>
                    <p>实时查询最新战绩，分享互动更便捷！</p>
                </div>
                <div class="section-image">
                    <img src="./img/bg-1.png" alt="Battle Record" class="feature-image battle-image">
                </div>
            </div>
        </section>

        <section>
            <div class="section-content ">

                <div class="section-text">
                    <div class="orange-line"></div>
                    <h2>全新攻略</h2>
                    <p>新手指南快速成长！</p>
                </div>
                <div class="section-image">
                    <img src="./img/bg-2.png" alt="Game Strategy" class="feature-image game-image">
                </div>
            </div>
            <div class="section-content-h5 ">

                <div class="section-text">
                    <div class="orange-line"></div>
                    <h2>全新攻略</h2>
                    <p>新手指南快速成长！</p>
                </div>
                <div class="section-image">
                    <img src="./img/bg-2.png" alt="Game Strategy" class="feature-image game-image">
                </div>
            </div>
        </section>

        <section>
            <div class="section-content">
                <div class="section-image">
                    <img src="./img/bg-3.png" alt="Community News" class="feature-image community-image">
                </div>
                <div class="section-text">
                <div class="orange-line"></div>
                <h2>社区资讯</h2>
                <p>一手消息，轻松掌握！</p>
                </div>

            </div>
            <div class="section-content-h5">

                <div class="section-text">
                    <div class="orange-line"></div>
                    <h2>社区资讯</h2>
                    <p>一手消息，轻松掌握！</p>
                </div>
                <div class="section-image">
                    <img src="./img/bg-3.png" alt="Community News" class="feature-image community-image">
                </div>
            </div>
        </section>

        <section>
            <div class="section-content ">

                <div class="section-text">
                    <div class="orange-line"></div>
                    <h2>便利购物</h2>
                    <p>下单购物，轻松快捷</p>
                </div>
                <div class="section-image">
                    <img src="./img/bg-4.png" alt="Game Strategy" class="feature-image game-image">
                </div>
            </div>
            <div class="section-content-h5">

                <div class="section-text">
                    <div class="orange-line"></div>
                    <h2>便利购物</h2>
                    <p>下单购物，轻松快捷</p>
                </div>
                <div class="section-image">
                    <img src="./img/bg-4.png" alt="Community News" class="feature-image community-image">
                </div>
            </div>
        </section>
<!--        <div class="decorative-element">-->
<!--            <div class="chevron"></div>-->
<!--        </div>-->
        <div class="left-arrow"></div>
        <div class="right-arrow"></div>
    </main>
    <footer>
        <div class="footer-links">
            <a href="https://shop.varegame.com">商城</a>
            <a href="content.html">关于我们</a>
            <a href="content.html">联系我们</a>
        </div>
        <div class="sp-footer__copy sp-blank">

            <div>
                <span>Copyright © varegame.com</span>
                <span>遵化市睿诚网络科技有限公司</span>
                <span><a href="//www.beian.gov.cn/portal/registerSystemInfo" target="_blank">冀B2-20190538</a></span>
                <span><a href="https://beian.miit.gov.cn/" target="_target">冀ICP备19027252号-1</a></span>
                <span><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=13028102000189"
                         target="_blank">冀公网安备 13028102000189号</a></span>
            </div>
            <div>
                <a href="https://zzlz.gsxt.gov.cn/businessCheck/verifKey.do?showType=p&amp;serial=91130281MA09360T5J-SAIC_SHOW_10000091130281MA09360T5J1591257596046&amp;signData=MEUCIEXjw/MozPHeRS4gaW0qJ9WGyX0Qaob66G2tT9QElV/SAiEAitzaxMc4PaCMGkEVqye00wIimGKOREWiQ9LyZkiHA7A="
                   target="_blank">
                    <img src="https://cdn-img.varegame.com/office/img/lz4.png" alt="" class="lz4"></a>
                <a href="https://xyt.xcc.cn/getpcInfo?sn=1742433633303404544&language=CN&certType=8&url=*.varegame.com" target="_blank" style="position: relative;display: inline-block;height: 38px;">
<div style="width:100%;height:100%;position: absolute;top: 0;left: 0;"></div><embed src="https://program.xinchacha.com/web/1742433633303404544=*.varegame.com.svg"width="103" height="38" type="image/svg+xml" pluginspage="//www.adobe.com/svg/viewer/install/"/></a>
                </a></div>
        </div>
    </footer>
</div>
</body>
<script>
    const miniProgram = document.getElementById('miniProgram');
    const popup = miniProgram.querySelector('.popup');

    miniProgram.addEventListener('mouseenter', () => {
        popup.style.display = 'block';
    });

    miniProgram.addEventListener('mouseleave', () => {
        popup.style.display = 'none';
    });
</script>
</html>
